@charset "UTF-8";



#join .bg{
    height: calc((420/192)*1rem);
    background: url("../img/bg2.png") no-repeat center/100%;
}


/*nav*/

#join .j-nav{
    width: calc((610/192)*1rem);
}
#join .j-nav ul{
    font-size:  calc((18/192)*1rem);
    padding: calc((50/192)*1rem) 0;
}
#join .j-nav ul{
    justify-content:space-between ;
}
#join .j-nav ul li h5{
    width: calc((73/192)*1rem);
    height: calc((73/192)*1rem);
    background: no-repeat center/100%;
}
#join .j-nav ul li:nth-child(1) h5{
    background-image: url("../img/talent1.png");
}
#join .j-nav ul li:nth-child(2) h5{
    background-image: url("../img/contact.png");
}
#join .j-nav ul li:nth-child(3) h5{
    background-image: url("../img/map1.png");
}
#join .j-nav ul li:nth-child(1) h5.on{
    background-image: url("../img/talent.png");
}
#join .j-nav ul li:nth-child(2) h5.on{
    background-image: url("../img/contact1.png");
}
#join .j-nav ul li:nth-child(3) h5.on{
    background-image: url("../img/map3.png");
}
#join .j-nav ul li p{
    margin-top: calc((20/192)*1rem);
    color: #787878;
}
#join .j-nav ul li p.on{
    color: #e60012;
}


#join .j-content{
    background-color: #f8f8f8;
}

/*talent*/
#join .j-content .talent > div{
    width: calc((1205/192)*1rem);
    padding-top:calc((70/192)*1rem);
    font-size: calc((20/192)*1rem);
}
#join .j-content .talent > div .title{
    padding:calc((25/192)*1rem) 0;
    background-color: #e60012;
    color: white;

}
#join .j-content .talent > div .title h6{
    margin-left:calc((75/192)*1rem);
}

#join .j-content .talent > div .title p {
    margin-left:calc((411/192)*1rem);
}
#join .j-content .talent > div > ul{
    padding-bottom:calc((70/192)*1rem) ;
}
#join .j-content .talent > div > ul > li .top{
    padding:calc((25/192)*1rem) 0;
    background-color: white;
}

#join .j-content .talent > div > ul > li:nth-child(even) .top{
    background-color: #ededed;
}
#join .j-content .talent > div > ul > li .top h6{
    width: calc((500/192)*1rem);
    margin-left:calc((60/192)*1rem);
}
#join .j-content .talent > div > ul > li .top p:nth-of-type(1){
    width: calc((100/192)*1rem);
    margin-left:calc((10/192)*1rem);
}
#join .j-content .talent > div > ul > li .top p:nth-of-type(2){
    width: calc((150/192)*1rem);
    margin-left:calc((360/192)*1rem);
}
#join .j-content .talent > div > ul > li .top i{
    width: calc((15/192)*1rem);
    height: calc((15/192)*1rem);
    margin-top:calc((10/192)*1rem) ;
    margin-right:calc((10/192)*1rem)  ;
    background:#5e5e5e url("../img/_ .png") no-repeat center/100%;
    border-radius: 50%;
}
#join .j-content .talent > div > ul > li .top i.on{
    background-color: #e60012;
}
#join .j-content .talent > div > ul > li .bottom ul > li {
    width: calc((590/192)*1rem);
    margin-left: calc((10/192)*1rem);
    padding: calc((28/192)*1rem) 0;
    line-height: calc((25/192)*1rem);
}
#join .j-content .talent > div > ul > li .bottom ul li p{
    font-size: calc((16/192)*1rem);
    color: #e60012;
}
#join .j-content .talent > div > ul > li .bottom ul li p span{
    width: calc((13/192)*1rem);
    height: calc((13/192)*1rem);
    margin-right: calc((10/192)*1rem);
    background: url("../img/xingxing.jpg") no-repeat center/100%;
}
#join .j-content .talent > div > ul > li .bottom ul li ol{
    margin-left: calc((20/192)*1rem);
}
#join .j-content .talent > div > ul > li .bottom ul li ol li{
    font-size: calc((14/192)*1rem);
}
#join .j-content .talent > div > ul > li .bottom ul .right a{
    right: calc((70/192)*1rem);
    bottom:calc((10/192)*1rem);
    padding: calc((8/192)*1rem) calc((35/192)*1rem);
    background-color: #e60012;
    color: white;
    font-size: calc((14/192)*1rem);
    border-radius: calc((8/192)*1rem);
}
#join .j-content .talent .btn{
    width: 100%;
    height: calc((175/192)*1rem);
    padding-top: 0;
    background-color: white;
}
#join .j-content .talent .btn .center{
    user-select: none;
    width: calc((650/192)*1rem);
    padding-top: calc((63/192)*1rem);
}
#join .j-content .talent .btn .center .prv,
#join .j-content .talent .btn .center .next,
#join .j-content .talent .btn .center ul li{
    padding: calc((14/192)*1rem) calc((23/192)*1rem);
    background-color: #f8f8f8;
    font-size:calc((16/192)*1rem) ;
}
#join .j-content .talent .btn .center ul li,
#join .j-content .talent .btn .center .next{
    margin-left: calc((5/192)*1rem);
}
#join .j-content .talent .btn .center ul li.on{
    background-color: #e60012;
    color: white;
}

/*contact*/
#join .j-content .contact{
    padding-top:calc((84/192)*1rem);
    padding-bottom: calc((129/192)*1rem);;
    background-color: #f8f8f8;
}
#join .j-content .contact .content{
    width: calc((1200/192)*1rem);
}
#join .j-content .contact .content .left{
    width: calc((600/192)*1rem);
    background: url("../img/map5.png") no-repeat right bottom/30%;
    font-size: calc((18/192)*1rem);
    line-height: calc((50/192)*1rem);
}
#join .j-content .contact .content .right{
    width: calc((571/192)*1rem);
    height: calc((379/192)*1rem);;
}


/*map*/
#join .j-content .map{
    padding-top:calc((80/192)*1rem);
    padding-bottom: calc((70/192)*1rem);;
    background-color: #f8f8f8;
}

#join .j-content .map div{
    width: calc((1205/192)*1rem);
    height: calc((603/192)*1rem);
    /*background: url("../img/map6.png") no-repeat center/100%;*/
}



























